<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    xmlns:easy="http://easy.widgets.com">

    <h:panelGrid columns="8">
            <h:outputText value="#{rotulo['ddd']}"/>
            <h:inputText value="#{telefoneInformado.ddd}" style=" width : 30px;" onkeyup="javascript:OnlyNumber(this)" maxlength="3" />

            <h:outputText value="#{rotulo['numero']}"/>
            <h:inputText value="#{telefoneInformado.numero}" style=" width : 100px;" onkeyup="javascript:OnlyNumber(this)" maxlength="9"/>

            <h:outputText value="#{rotulo['ramal']}"/>
            <h:inputText value="#{telefoneInformado.ramal}" style=" width : 100px;" onkeyup="javascript:OnlyNumber(this)" maxlength="4"/>

            <h:selectOneMenu value="#{telefoneInformado.tipoTelefone}">
                <f:selectItems value="#{tiposDeTelefone.opcoes}" />
            </h:selectOneMenu>
    </h:panelGrid>

</ui:composition>

